{layout name="passport:layout" /}
<div class="wrap-full auto">
    <div class="row apps">
        {foreach $list as $rs}
        <div class="col-s20 col-m50">
            <a class="app" href="{:url('system/passport.appshop/review',['id'=>$rs->id])}">
                <div class="view_pic fn-tac"><img src="__STATIC__/{$rs.miniapp_dir}/view.png"></div>
                <h2>{$rs.title}</h2>
                <h6>
                    {switch $rs.types}
                    {case mp}<span class="badge bg-blue">公众号</span>{/case}
                    {case program}<span class="badge bg-red">小程序</span>{/case}
                    {case app}<span class="badge bg-yellow">APP</span>{/case}
                    {case mp_program}<span class="badge bg-green">小程序/公众号</span>{/case}
                    {case mp_program_app}<span class="badge bg-green">小程序/公众号/APP</span>{/case}
                    {default /}<span class="badge">应用异常</span>
                    {/switch}  
                </h6>
                <p>{$rs.describe|dehtml}</p>
            </a>
        </div>
        {/foreach}
    </div>          
</div>
{$list|raw}
<style  type="text/css">
.app{display: block;overflow: hidden;position: relative;margin:10px 10px 5px 10px;}
.app .view_pic{overflow: hidden;}
.app .view_pic img{width: 100%;transform: scale(1);;transition:all 0.6s;}
.app h2{font-size:20px;line-height:30px;font-weight:300;color: #444;margin-top: 10px;}
.app p{line-height:25px;color: #969696;font-size:14px;height:50px;overflow: hidden;}
.app:hover .view_pic img{transform: scale(1.1);transition:all 0.5s;}
</style>
